.banr {
    background: #171a1f url(@/assets/bg.png);
    font-family: var(--font-family);
    position: relative;
    background-size: 100% 100%;
    padding-left: 4.5vw;
    // padding-right: calc(var(--space));
    // margin-inline: var(--space);
    padding-block: 15px;
    padding-bottom: var(--space);
    gap: 20px;

    // &.phone{
    //     flex-direction: column;
    // }

    .gred {
        filter: grayscale(100%);
    }

    .banr-l {
        width: 45%;

        .tip1 {
            font-size: 2vw;
            font-weight: 700;
            color: #ffffff;
            // line-height: 100%;
            line-height: 50px;
            margin-bottom: 8px;
        }

        .tip2 {
            font-size: 18px;
            color: #ffffff;
            margin-bottom: 16px;
        }

        .tip3 {
            width: fit-content;
            font-size: 16px;
            color: #ffffff;
            background: rgba(246, 172, 47, 0.09);
            border-radius: 20px;
            border: 1px solid #fcc235;
            padding: 4px 12px;
            margin-bottom: 18px;
        }

    }

    .banr-r {
        padding-right: calc(var(--space)*1);
    }
}